#main {
	background-color: #FFFFFF;
}
.person-header {
	width: 100%;
	height: 212px;
	background: url(../image/checkin1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.person-header img {
	border-radius: 102px;
	-webkit-border-radius: 102px;
	width: 102px;
	height: 102px;
	position: relative;
	left: 50%;
	margin-left: -51px;
	top: 161px;
}
.person-info {
	margin-top: 60px;
	text-align: center;
	width: 100%;
	
	padding-bottom: 30px;
}
.person-info-name {
	font-size: 16px;
	color: #202020;
}
.person-info-intro {
	font-size: 12px;
	color: #8e8e8e;
	margin-top: 4px;
}
.person-info-detail {
	margin-top: 4px;
}
.person-info-detail  span {
	font-size: 12px;
	color: #8e8e8e;
}

/* person-block */
.person-block {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	margin-top: 10px;
}
.person-block-header {
	font-size: 14px;
	color: #333333;
}
.person-block-detail {
	font-size: 12px;
	color: #8e8e8e;
	border-bottom: 1px solid #d7d7d7;
	margin-left: 25px;
	margin-top: 5px;
	line-height: 25px;
}
.person-block-label {
	font-size: 12px;
	color: #FFFFFF;
	background: #FC8719;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 2px 6px;
	margin-bottom: 10px;
	margin-right: 15px;
}

/* person groups  */
.person-groups {
	margin-top: 10px;
	padding: 10px 15px 30px 15px;
}
.person-groups-header {
	font-size: 14px;
	color:#333333;
	margin-bottom: 10px;
}
.person-groups-list {
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.person-group-item {
	-webkit-box-flex: 1; 
    -webkit-flex: 1;
    flex: 1;
	
	width: 98px;
	text-align: center;
}
.group-item-name {
	color: #333333;
	font-size: 13px;
	margin-top: 4px;
}
.group-item-logo {
	width: 98px;
	height: 98px;
}



